@import "../../../../../assets/css/Master/index";

.popupst {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  background-color: rgba(255, 255, 255, .5);

  .bsg {
    width: 100%;
    height: 35rem;
    margin-top: 27rem;
    background: url("../img/copybgs1.jpg") no-repeat;
    background-size: 100%;

    .content {
      width: 100%;
      position: relative;
      top: 24%;
      left: 0;
      display: flex;
      justify-content: center;
      box-sizing: border-box;

      .text {
        width: 75%;
        padding: 1rem;
        box-shadow: 0 8px 24px 0 rgba(255, 208, 0, 0.4);
        background-color: #ffd000;
        font-size: 1.4rem;
        color: #66440a;
        text-align: left;
        border-radius: .4rem;
        position: relative;
        animation: bounceshade-wordin infinite 2.5s;
        -webkit-animation: bounceshade-wordin infinite 2.5s;

        span {
          position: absolute;
          left: 50%;
          bottom: -.35rem;
          width: 0;
          height: 0;
          transform: rotate(45deg);
          margin-left: 0;
          border-left: .7rem solid #ffd000;
          border-top: .7rem solid #ffd000;
        }
      }
    }
  }


  @keyframes bounceshade-wordin {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-1rem);
    }
    100% {
      transform: translateY(0);
    }
  }
  @-webkit-keyframes bounceshade-wordin {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-1rem);
    }
    100% {
      transform: translateY(0);
    }
  }
}
